<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta name="keywords" content="在线打字,打字测试,打字练习,拼音打字,五笔打字,赛雷网">
    <meta name="description" content="本站无需注册，直接进行在线打字测试。本站可进行英文打字测试，中文打字测试。赶快测测你的打字有多快吧！">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title>打字练习</title>

    <% for (let css of htmlWebpackPlugin.options.cdn.css) { %>
      <link href="<%= css %>" rel="preload" as="style">
    <% } %>
    <% for (let js of htmlWebpackPlugin.options.cdn.js) { %>
      <link href="<%= js %>" rel="preload" as="script">
    <% } %>
    <% for (let css of htmlWebpackPlugin.options.cdn.css) { %>
      <link rel="stylesheet" href="<%= css %>">
    <% } %>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but 打字练习 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="loading"><style>#loading {position:fixed;z-index:9999;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;}#loading .container {position:relative;width:30px;height:30px;}#loading .container {-webkit-transform:rotate(10deg);transform:rotate(10deg);-webkit-animation:rotation 1s infinite;animation:rotation 1s infinite;}#loading .container .shape {position:absolute;border-radius:5px;width:10px;height:10px;}#loading .container .shape.shape1 {left:0;background-color:#5C6BC0;-webkit-animation:shape1 0.5s ease 0s infinite alternate;animation:shape1 0.5s ease 0s infinite alternate;}@-webkit-keyframes shape1 {from {-webkit-transform:translate(0, 0);transform:translate(0, 0);}to {-webkit-transform:translate(20px, 20px);transform:translate(20px, 20px);}}@keyframes shape1 {from {-webkit-transform:translate(0, 0);transform:translate(0, 0);}to {-webkit-transform:translate(20px, 20px);transform:translate(20px, 20px);}}#loading .container .shape.shape2 {right:0;background-color:#8BC34A;-webkit-animation:shape2 0.5s ease 0s infinite alternate;animation:shape2 0.5s ease 0s infinite alternate;}@-webkit-keyframes shape2 {from {-webkit-transform:translate(0, 0);transform:translate(0, 0);}to {-webkit-transform:translate(-20px, 20px);transform:translate(-20px, 20px);}}@keyframes shape2 {from {-webkit-transform:translate(0, 0);transform:translate(0, 0);}to {-webkit-transform:translate(-20px, 20px);transform:translate(-20px, 20px);}}#loading .container .shape.shape3 {bottom:0;background-color:#FFB74D;-webkit-animation:shape3 0.5s ease 0s infinite alternate;animation:shape3 0.5s ease 0s infinite alternate;}@-webkit-keyframes shape3 {from {-webkit-transform:translate(0, 0);transform:translate(0, 0);}to {-webkit-transform:translate(20px, -20px);transform:translate(20px, -20px);}}@keyframes shape3 {from {-webkit-transform:translate(0, 0);transform:translate(0, 0);}to {-webkit-transform:translate(20px, -20px);transform:translate(20px, -20px);}}#loading .container .shape.shape4 {bottom:0;right:0;background-color:#F44336;-webkit-animation:shape4 0.5s ease 0s infinite alternate;animation:shape4 0.5s ease 0s infinite alternate;}@-webkit-keyframes shape4 {from {-webkit-transform:translate(0, 0);transform:translate(0, 0);}to {-webkit-transform:translate(-20px, -20px);transform:translate(-20px, -20px);}}@keyframes shape4 {from {-webkit-transform:translate(0, 0);transform:translate(0, 0);}to {-webkit-transform:translate(-20px, -20px);transform:translate(-20px, -20px);}}@-webkit-keyframes rotation {from {-webkit-transform:rotate(0deg);transform:rotate(0deg);}to {-webkit-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes rotation {from {-webkit-transform:rotate(0deg);transform:rotate(0deg);}to {-webkit-transform:rotate(360deg);transform:rotate(360deg);}}</style><div class="container"><div class="shape shape1"></div><div class="shape shape2"></div><div class="shape shape3"></div><div class="shape shape4"></div></div></div>
    <div id="app"></div>
    <!--[if IE]>
      <div>
        <h2>本站还未做好兼容 IE 浏览器，请使用其他的现代浏览器打开</h2>
        <h2>如果您的电脑装有 Edge 浏览器，请按下”Ctrl + Shift + E“键使用 Edge 浏览器打开本站</h2>
        <hr />
        <ul>
          <li><a href="https://www.microsoft.com/zh-cn/edge">Edge 浏览器</a></li>
          <li><a href="https://www.google.cn/intl/zh-CN/chrome/">Chrome 浏览器</a></li>
          <li><a href="https://www.firefox.com.cn/">火狐浏览器</a></li>
          <li><a href="https://www.opera.com/zh-cn">Opera 浏览器</a></li>
          <li><a href="https://pc.qq.com/category/c3.html">浏览器列表</a></li>
        </ul>
        <hr />
      </div>
    <![endif]-->
    <!-- built files will be auto injected -->
    <% for (let js of htmlWebpackPlugin.options.cdn.js) { %>
      <script src="<%= js %>"></script>
    <% } %>
  </body>
</html>
